// 搜索框样式
.search {
    padding: 0.1rem 0.2rem; 
    background-color: #E25757;
    input {
        display: block;
        width: 100%;
        height: 0.68rem;
        font-size: 0.24rem;
        line-height: 0.68rem;
        border: 0;
        border-radius: 0.34rem;
        padding-left: .35rem;
        padding-right: 0.2rem;
        margin: 0 auto;
         // 修改placeholder样式（兼容性）
         &::-webkit-input-placeholder
         {
             color: #a5a5a5;
         }
         /* 使用webkit内核的浏览器 */
         &::-moz-placeholder
         {
             color: #a5a5a5;
         }
         /* Firefox版本4-18 */
         &::-moz-placeholder
         {
             color: #a5a5a5;
         }
         /* Firefox版本19+ */
         &:-ms-input-placeholder
         {
             color: #a5a5a5;
         }
    }
}
// 种类
.variety {
    // 左侧大种类
    width: 100%;
    overflow: hidden;
    .variety_left {
        width: 2.04rem;
        height: 11.5rem;
        // overflow:hidden;
        li {
            height: 0.88rem;
            font-size: 0.28rem;
            line-height: 0.88rem;
            text-align: center;
            color: #606060;
            background-color: #f5f6f9;
            margin-bottom: 0.04rem;
            &.on {
                color: #f5445d;
                background-color: #fff; 
            }
        }
    }
    // 右侧种类细分
    .variety_right {
        margin-left: 0.3rem;
        overflow: hidden;
        width: 5.16rem;
        li {
            width: 1.4rem;
            margin-top: 0.3rem;
            margin-right: 0.32rem;
            float: left;
            img {
                width: 1.4rem;
                height: 1.4rem;
            }
            p {
                color: #888;
                font-size: 0.24rem;
                text-align: center;
                margin-top: 0.16rem;
            }
             
        }
    }

}
// 底部选项卡样式
footer {
    width: 100%;
    position: fixed;
    bottom: 0; 
    background: url(../images/footer.png) no-repeat ;
    background-size: 7.5rem 1.25rem;; 
    height: 1.25rem;
    ul {
        display: flex;
        width: 100%;
        margin: 0;

        li {    
            flex: 1;
            justify-content: space-between;
            a {
                display: block;
                height: 100%;
                text-align: center;
                // overflow: hidden;
                img {
                    height: 0.5rem;
                    width: 0.5rem;
                    display:block;
                    margin:0.3rem auto 0.04rem;
                }
                p {
                    font-size: 0.22rem;
                    color: #727272;
                }
            }
            // 当前选项底部样式
            &.on {
                p {
                    color: #f5445d;
                }
                
            }
            // 附近样式
            &.map {
                    img {
                        width: 0.7rem;
                        height: 0.7rem;
                        margin-top: 0.1rem;
                        margin-bottom: 0.05rem;
                    }
                
            }
        }
    }
}
